Direction B — Emerald Depth

Le vert franc de madami.fr, enrichi de dégradés Proton et d'ambre doré. Naturel, chaleureux, confiant.

Palette de couleurs

Primaire : Émeraude (hue 155 OKLch, fidèle à madami.fr) — Accent : Ambre doré (hue 75 OKLch).
Le vert authentique de Madami, sans compromis. L'ambre ajoute la chaleur humaine du monde associatif.

Pourquoi garder le vert franc ? C'est l'ADN de madami.fr. L'astuce ici n'est pas de changer la couleur mais de l'enrichir : dégradés multi-stops (style Proton) au lieu d'aplats, déclinaison sur 10 niveaux, accent ambre pour casser la monotonie. La card featured utilise un gradient radial profond — pas un flat vert.

Dashboard — Métriques

Revenus du mois
2 847 €
↑ +18% vs mois dernier
Membres actifs
284
↑ +12 ce mois
Dons reçus
1 420 €
↑ +23% vs mois dernier
Billets vendus
67
→ Stable

Graphique — Area chart avec gradient

Évolution des revenus
7j
30j
90j
12m
Adhésions Dons

Table — Alternating rows avec teinte verte

Membres récents
Membre Formule Statut Date Montant
Camille Durand
camille.durand@email.com
 Tarif plein Active 2 fév. 2026 45,00 €
Antoine Moreau
a.moreau@gmail.com
 Tarif réduit En attente 1 fév. 2026 25,00 €
Léa Petit
lea.petit@outlook.fr
 Tarif plein Active 30 jan. 2026 45,00 €
Hugo Bernard
hugo.b@yahoo.fr
 Gratuit bénévole Bénévole 28 jan. 2026 0,00 €

Pricing — Double border gradient (Xata + Proton)

Découverte
Pour démarrer simplement
0 € /mois
  • Jusqu'à 50 membres
  • Page association publique
  • Dons en ligne
  • Support par email
Essentiel
L'outil complet pour votre asso
20 € /mois
  • Membres illimités
  • Adhésions en ligne
  • Reçus fiscaux CERFA auto
  • Activités & billetterie
  • Import CSV
  • Support prioritaire
Sur mesure
Pour les grandes structures
Sur devis
  • Tout Essentiel
  • Multi-établissements
  • API & intégrations
  • Accompagnement dédié

Formulaire de don — Boutons montant avec gradient actif

Faire un don
Association Nature & Partage — Montpellier
Différence clé vs Direction A : Ici on reste sur le vert identitaire de madami.fr. La richesse vient des dégradés (card featured multi-stops, boutons gradient, area chart bicolore) et de l'accent ambre qui crée un duo chaud/froid. Les rows alternées du tableau ont une teinte verte ultra-légère — ça donne de la vie sans effort.
Le graph : Deux courbes avec fill gradient transparent, style shadcn-vue/nuxtcharts. L'area sous la courbe utilise un dégradé vertical qui s'efface vers le bas — léger, aéré, pas d'aplat.